<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>张举丰-CV</title>
    <link
      rel="stylesheet"
      href="./fontawesome-free-5.9.0-web/css/all.min.css"
    />
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <main id="cv-container">
      <section id="cv-baseinfo">
        <div class="avatar">
          <img src="./avatar.jpg" alt="avatar" width="200px" />
        </div>
        <div class="info">
          <h2>张举丰</h2>
          <p>1年工作经验 | 本科 | 男 | 23岁</p>
          <p>
            <span class="inline-group">
              <i class="fas fa-mobile-alt"></i> <span>18941835126</span></span
            >
            <span class="inline-group">
              <i class="fas fa-envelope"></i>
              <span>zjffun@gmail.com</span></span
            >
          </p>
        </div>
      </section>
      <section id="cv-detailinfo-wrapper">
        <div class="cv-detailinfo">
          <dl><h2>技能</h2></dl>
          <dd>
            <p>
              前端： ES6、CSS3、HTML5、TypeScript、Vue.js、React、Redux、D3.js
              等
            </p>
            <p>后端：PHP、Node.js、JavaEE（SSM 框架集）</p>
            <p>服务器：Vim、Linux、Shell、Apache、Nginx、Docker 等</p>
            <p>
              工具：
              Git、SVN、NPM、Yarn、VSCode、Webpack、Babel、Lerna、XXLint、TypeDoc、Swagger
              等
            </p>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>作品展示</h2></dl>
          <dd>
            <ul>
              <li>
                <a href="https://zjffun.com">
                  <i class="far fa-grin-squint-tears"></i>
                  个人网站（移动、PC端）：https://zjffun.com
                </a>
              </li>
              <li>
                <a href="https://git_null.gitee.io/amazon_ad_target_ui">
                  <i class="fab fa-amazon"></i> Amazon
                  广告投放工具（PC端）：https://git_null.gitee.io/amazon_ad_target_ui
                </a>
              </li>
            </ul>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>工作经验</h2></dl>
          <dd class="work-experience">
            <ul>
              <li>
                北京神灯互联科技有限公司
                <span class="tag">2019.05-2019.06</span>
                <p>
                  负责 Facebook 广告投放平台的维护、Amazon
                  广告投放平台的开发，以及公司在 Shopify
                  平台上的女装站的二次开发。
                </p>
              </li>
              <li>
                北京中地时空数码科技有限公司
                <span class="tag">2018.07-2019.05</span>
                <p>
                  负责标准化石前端展示项目和古生物鉴定平台项目的前端设计、研发和文档撰写。
                </p>
              </li>
            </ul>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>项目经历</h2></dl>
          <dd class="project-experience">
            <section>
              <article>
                <h4>
                  Amazon 广告投放工具<span class="tag"
                    >2019年05月-2019年06月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    简单易用、高效智能的在线广告投放管理工具，用于帮助海量中国品牌出海。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    Amazon 广告投放平台（前端使用 vue-element-admin
                    解决方案）的开发。很可惜刚开始一个多星期项目就凉了 :(。
                  </dd>
                  <dt>总结</dt>
                  <dd>
                    通过这些工作，我体会到了人生的不确定性，丰富了人生阅历。
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  Facebook 广告投放工具<span class="tag"
                    >2019年05月-2019年05月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    简单易用、高效智能的在线广告投放管理工具，用于帮助海量中国品牌出海。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    维护公司的 Facebook 广告投放平台（前端使用 vue-element-admin
                    解决方案）。难点在于广告投放逻辑复杂，旧代码耦合性很强并且文档不全。
                  </dd>
                  <dt>总结</dt>
                  <dd>
                    通过这些工作，我学习了 Facebook
                    广告投放的业务逻辑，提升团队协作的能力。
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  地层古生物鉴定中心网络平台<span class="tag"
                    >2019年01月-2019年5月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    对已有系统进行升级，设计和实现从地层古生物鉴定申请到出具鉴定报告的一系列流程。难点在于流程的设计。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>
                        项目前端架构设计、页面原型设计：针对这个项目周期短、界面简单的特点我选择使用
                        Ant Design Pro （基于 React
                        的前端解决方案）进行前端开发，它上手难度适中，并且提供了开发、测试到上线的整套解决方案，最重要的是项目需要的绝大部分功能
                        Ant Design Pro 已经封装好了现成的组件；
                      </li>
                      <li>
                        设计和实现项目的用户管理、鉴定申请、任务分配、出具鉴定报告等功能：得益于
                        Ant Design Pro
                        提供的组件这些功能实现起来是非常简单的。数据表格处进行了一些封装，因为不同用户得到的数据表格只用数据和和可进行的操作不一样，封装后操作和数据通过参数传入即可。
                      </li>
                      <li>
                        系统部署和撰写接口文档：学习并使用 Docker
                        进行项目前端部分部署， 学习并使用 Swagger
                        撰写项目接口文档。
                      </li>
                    </ol>
                  </dd>
                  <dt>总结</dt>
                  <dd>
                    通过这些工作，我对现在主流的前端开发技术有了更加深入的了解，开发和设计能力有了很大的提升。同时学习了
                    Docker 和 Swagger
                    的使用并运用到工作中，使部署流程得到简化，前后端对接更加清楚规范，提升了工作的效率。
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  地层古生物鉴定中心网络平台<span class="tag"
                    >2019年01月-2019年5月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    对已有系统进行升级，设计和实现从地层古生物鉴定申请到出具鉴定报告的一系列流程。难点在于流程的设计。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>
                        项目前端架构设计、页面原型设计：针对这个项目周期短、界面简单的特点我选择使用
                        Ant Design Pro （基于 React
                        的前端解决方案）进行前端开发，它上手难度适中，并且提供了开发、测试到上线的整套解决方案，最重要的是项目需要的绝大部分功能
                        Ant Design Pro 已经封装好了现成的组件；
                      </li>
                      <li>
                        设计和实现项目的用户管理、鉴定申请、任务分配、出具鉴定报告等功能：得益于
                        Ant Design Pro
                        提供的组件这些功能实现起来是非常简单的。数据表格处进行了一些封装，因为不同用户得到的数据表格只用数据和和可进行的操作不一样，封装后操作和数据通过参数传入即可。
                      </li>
                      <li>
                        系统部署和撰写接口文档：学习并使用 Docker
                        进行项目前端部分部署， 学习并使用 Swagger
                        撰写项目接口文档。
                      </li>
                    </ol>
                  </dd>
                  <dt>总结</dt>
                  <dd>
                    通过这些工作，我对现在主流的前端开发技术有了更加深入的了解，开发和设计能力有了很大的提升。同时学习了
                    Docker 和 Swagger
                    的使用并运用到工作中，使部署流程得到简化，前后端对接更加清楚规范，提升了工作的效率。
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  标准化石数据库科普类信息产品前端展示系统<span class="tag"
                    >2018年07月-2019年03月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    借鉴开源项目 paleobiodb/navigator
                    实现标准化石数据库科普类信息产品前端展示系统。难点在于异构标准化石数据的整合。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>页面原型设计：根据用户需求设计页面原型；</li>
                      <li>
                        MySQL
                        数据库建库和项目的后端开发：通过编写事件调度器实现删除过期数据。发现后端代码的
                        SQL 注入问题，并且使用参数化语句 +
                        白名单的方式进行解决；
                      </li>
                      <li>
                        设计和实现标准化石数据录入子系统：因为每类化石的属性性信息既有公共的又有私有的，这里我将公共属性提出来分别设为字段，私有的数据可以对每类单独进行配置；
                      </li>
                      <li>
                        借鉴开源项目 paleobiodb/navigator，使用 D3.js 和 Leaflet
                        实现标准化石数据的前端展示。使用 GPlates
                        提供的接口获取古地理图数据、计算标准化石的古地理坐标，并将这些数据进行前端展示：因为调用国外
                        GPlates 的服务非常慢，客户搭建了内网的 GPlates
                        服务，所以我这边相应做了两套 GPlates 接口
                        的调用以提升用户体验；
                      </li>
                      <li>
                        系统测试和部署、撰写项目文档：学习和使用 web.config
                        转换语法使后端由原来的手动替换配置文件改为自动替换，降低了出错的概率。
                      </li>
                      <li>
                        项目前端架构设计、页面原型设计：针对这个项目周期短、界面简单的特点我选择使用
                        Ant Design Pro （基于 React
                        的前端解决方案）进行前端开发，它上手难度适中，并且提供了开发、测试到上线的整套解决方案，最重要的是项目需要的绝大部分功能
                        Ant Design Pro 已经封装好了现成的组件；
                      </li>
                      <li>
                        设计和实现项目的用户管理、鉴定申请、任务分配、出具鉴定报告等功能：得益于
                        Ant Design Pro
                        提供的组件这些功能实现起来是非常简单的。数据表格处进行了一些封装，因为不同用户得到的数据表格只用数据和和可进行的操作不一样，封装后操作和数据通过参数传入即可。
                      </li>
                      <li>
                        系统部署和撰写接口文档：学习并使用 Docker
                        进行项目前端部分部署， 学习并使用 Swagger
                        撰写项目接口文档。
                      </li>
                    </ol>
                  </dd>
                  <dt>总结</dt>
                  <dd>
                    通过这些工作，我的开发能力和阅读开源项目的能力得到了很大的提升，对
                    D3.js、Leaflet
                    和前端构建工具的使用有了更深入的了解，同时我还学习到了项目的整体流程，以及项目各环节如何妥善地进行对接。
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  基于 Skyline 的阜新市三维规划辅助系统<span class="tag"
                    >2018年03月-2018年05月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    我的本科毕业设计，难点在于必须使用 Skyline 的 ActiveX
                    插件实现（只能在 IE 中调试）。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>
                        实现方案申请、方案审核、三维交互浏览、三维分析功能
                        ：使用 Bootstrap 和 Skyline 的 ActiveX 插件实现；
                      </li>
                      <li>
                        实现方案对比功能：使用 Skyline 的 ActiveX 插件和
                        WebSocket 技术实现。因为 Skyline 的 ActiveX
                        插件在一个顶级窗口只能运行一个 ActiveX 插件，超出的
                        ActiveX 插件不会起作用，所以需要通过打开多个窗口使用
                        WebSocket 进行通信实现；
                      </li>
                      <li>
                        实现跨部门协同会商功能：用到了上述方案对比的方法实现了多用户三维场景的同步，同样使用
                        WebSocket 技术在三维场景旁边实现了简易的在线会谈功能。
                      </li>
                    </ol>
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  辽宁工大素质拓展网站<span class="tag"
                    >2017年04月-2017年08月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    对辽宁工程技术大学已有素质拓展系统进行升级。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>
                        使用基于 Bootstrap 的开源后台管理模板完成前端页面；
                      </li>
                      <li>使用 PHP 框架 CodeIgniter 进行后端开发。</li>
                    </ol>
                  </dd>
                </dl>
              </article>
              <article>
                <h4>
                  阜新市银通物业管理系统<span class="tag"
                    >2016年07月-2016年08月</span
                  >
                </h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    老师介绍的物业管理系统项目，该项目对报表统计和查询功能要求高。完成了基本功能后拿给公司去看，但很可惜没有中标
                    :(
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>使用 Bootstrap，Datatables 完成前端页面；</li>
                      <li>
                        使用 SSM （Spring、SpringMVC 和 MyBatis）进行后端开发；
                      </li>
                      <li>使用 JExcelApi 完成导出支出，工资等报表。</li>
                    </ol>
                  </dd>
                </dl>
              </article>
              <article>
                <h4>家萌 App<span class="tag">2016年03月-2016年07月</span></h4>
                <dl>
                  <dt>项目描述</dt>
                  <dd>
                    和水晶草莓软件工作室的学长和同学一起完成的一款社交软件的外包，后台逻辑比较复杂。
                  </dd>
                  <dt>工作内容</dt>
                  <dd>
                    <ol>
                      <li>使用 Java Web 进行服务端开发；</li>
                      <li>使用 HTML、CSS、JS 实现 Web 端后台管理。</li>
                    </ol>
                  </dd>
                </dl>
              </article>
            </section>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>教育经历</h2></dl>
          <dd>
            <ul>
              <li>
                辽宁工程技术大学 | 本科 | 地理信息科学专业
                <span class="tag">2014-2018</span>
              </li>
            </ul>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>证书</h2></dl>
          <dd>
            <ul>
              <li>
                全国信息化工程师项目-GIS应用人才测评证书（二级开发方向）<span
                  class="tag"
                  >2019年03月</span
                >
              </li>
              <li>大学英语四级 <span class="tag">2018年02月</span></li>
              <li>全国计算机等级二级 <span class="tag">2016年09月</span></li>
            </ul>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>社交主页</h2></dl>
          <dd class="homepages">
            <a href="https://github.com/zjffun">
              <p>
                <i class="fab fa-github"></i> GitHub: https://github.com/zjffun
              </p>
            </a>
            <a href="https://www.hackerrank.com/h1010543618">
              <p>
                <i class="fab fa-hackerrank"></i> HackerRank:
                https://www.hackerrank.com/h1010543618
              </p>
            </a>
            <a href="https://developer.mozilla.org/zh-CN/profiles/zjffun">
              <p>
                <i class="fas fa-link"></i> MDN:
                https://developer.mozilla.org/zh-CN/profiles/zjffun
              </p>
            </a>
            <a href="http://www.cnblogs.com/jffun-blog">
              <p>
                <i class="fas fa-link"></i> 博客园:
                http://www.cnblogs.com/jffun-blog
              </p>
            </a>
            <a href="https://gitee.com/git_null">
              <p>
                <i class="fas fa-link"></i> 码云: https://gitee.com/git_null
              </p>
            </a>
          </dd>
        </div>
        <div class="cv-detailinfo">
          <dl><h2>自我描述</h2></dl>
          <dd>
            <p>
              本人热爱编程，擅长 Web
              前端开发，学习能力适应能力强。业余时间会参与 MDN
              文档、印记中文文档的本地化，为 GitHub 开源项目做贡献。
            </p>
            <p>
              我的爱好是编程、看动漫、逛贴吧和知乎。但最近每季好的动漫越来越少了。哎，不是我老了就是业界药丸啊
              T~T。
            </p>
          </dd>
        </div>
      </section>
    </main>
  </body>
</html>
